<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的经纪人</title>

    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../../layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
    <script src="../../layui-v2.6.8/layui/layui.js"></script>
    <script src="../../bootstrap/js/bootstrap.min.js"></script>
    <script src="../../jquery/jquery.min.js"></script>
    <link rel="stylesheet" href="../css/bottom-cav.css">
    <style>
        #new  li a:hover{
            color:rgba(33, 33, 224, 0.925);
            text-decoration: none;
        }   
        
.content__list--item {
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #e4e6f0;
}
.content__list--item--aside {
    position: relative;
    height: 122px;
    width: 160px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
}
.content__list--item--aside img {
    width: 100%;
    height: 100%;
}
.content__list--item--main {
    margin-left: 190px;
    position: relative;
}



.twoline {
    -webkit-line-clamp: 2;
}
.content__list--item--title {
    margin-bottom: 18px;
    height: 30px;
}
.content__list--item--title a {
    display: inline-block;
    max-width: 450px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #101d37;
    font-family: HiraginoSansGB-W6;
}
.threeline, .twoline {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.twoline {
    -webkit-line-clamp: 2;
}

.content__list--item--des, .content__list--item--des a {
    font-size: 14px;
    color: #9399a5;
    font-weight: 700;
}
.content__list--item--des {
    margin-bottom: 16px;
}

.hide {
    display: none;
}
.content__list--item--bottom {
    height: 24px;
    margin-bottom: 16px;
}
.oneline {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.content__list--item--brand {
    line-height: 14px;
}
.content__list--item--brand .content__list--item--time {
    color: rgba(16,29,55,.3);
    font-size: 12px;
}

a, a:hover {
    text-decoration: none;
}

.content__list--item-price em {
    font-size: 24px;
    font-family: Tahoma;
}
.content__list--item-price {
    position: absolute;
    right: 0;
    top: 0;
    font-family: PingFangSC-Semibold;
    color: #fa5741;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}
.content__list--item--bottom i {
    display: inline-block;
    font-family: HiraginoSansGB-W3;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #849aae;
    background-color: rgba(132,154,174,.1);
    border-radius: 2px;
    margin-right: 6px;
    padding: 0 11px;
}

                
        .log_buttom {
            background-color: #21373d;
        }
        .cen-nav{
            margin-left: 40px;
            float: left;
           
        }
        .top-nav{
            height: 60px;
            width: 100%;
            background-color: #393D49;
        }
        a{text-decoration: none;}
        .pos{
            float: left;
            margin-top: 18px;
            margin-left: 150px;
            
        }
        .log-register{
            float: right;
            margin-right: 300px;
            margin-top: 18px;
            color: rgba(255,255,255,.7);
            display: none;
        }
        .log-register span a{
            color: rgba(255,255,255,.7);
            text-decoration: none;
        }
        .log-register span a:hover{
            color: white;
        }
        .center-content{
          
            
            width: 1250px;
            margin-left: 150px;
            
        }
        .top-seach{
            height: 80px;
            background-color: rgb(245, 245, 246);
        }
        .seach{
            width: 600px;
            margin-left: 150px;
            margin-top: 10px;
        }

        .rent-type{
            margin-left: 150px;
            height: 25px;
            margin-top: 15px;
            
        }
        .rent-type a{
            color: rgb(146, 146, 146);
        }
        .class-area span{
            margin-right: 15px;
        }
        .class-area span a{
            text-decoration: none;
            color: #101d37;
            
        }
        .class-area span a:hover{
            color: blue;
        }
        .class-area{
            width: 100%;
            height: 30px;
            margin-bottom: 5px;
        }   
        .house-sort-type div{
            border-right: 1px solid rgb(237, 237, 237);
            width: 85px;
            float: left;
            height: 53px;
            padding: 15px;
            margin-top: -18px;
        }
        #house-count{
            border: none;
            width: 300px;
            font-weight: bold;
            font-size: 18px;
            margin-left: 50px;
        }
        .house-data{
            margin-left: 150px;
            width: 1250px;
            margin-top: 20px;
        }
        .bottom-house-info-left{
            width: 900px;
     
            float: left;
            background-color: white;
        }
        .bottom-house-info-right{
            width: 250px;
            float: right;   
            background-color: white;
        }
        .bottom-house-info{
            margin-left: -20px;
            border: 1px solid blue;
       
        }
        .house-info{
            float: left;
            margin-bottom: 20px;
            margin-left: 20px;
        }
        .house-info-right{
            
            float: left;
            margin-left: 30px;
           
        }
        .house-info-right div{
            margin-top: 15px;
            color: #849aae;
        }
        .house-info-right div span{
            background-color:rgba(83, 92, 102, 0.1) ;
            padding: 5px;
        }
        .house-info img{
            border-radius: 10px;
        }
        .Pagination{
            float: left;
            margin-top: 20px;
            margin-left: 300px;
        }
        #top-username{
            float: left;
            margin-top: 27px;
            
            font-weight: bold;
            font-size: 16px;
       }
       #top-exit{
            float: left;
            margin-top: 27px;
            margin-left: 10px;
            
            font-weight: bold;
            font-size: 16px;
       }
       .hh{
        min-height: 400px;;
       }
      

       
    </style>
</head>
<body>
    <div class="top-nav">
        <div class="pos">
            <a href="">
                <span class="glyphicon glyphicon-map-marker" style="font-weight: bold;color: rgba(255,255,255,.7) ;">&nbsp;吴中区</span>
            </a>
        </div> 
        <div class = "cen-nav"> 
              <ul class="layui-nav" style="font-weight:bolder;">
                
                <li class="layui-nav-item"><a href="../ych/frontpage.html">首页</a></li>
                
                <li class="layui-nav-item"><a href="../ych/Classification.html">立即找房</a></li>
                <li class="layui-nav-item"><a href="../ych/Classification.html?hire=0">合租</a></li>
                <li class="layui-nav-item"><a href="../ych/Classification.html?hire=1">整租</a></li>
                <li class="layui-nav-item"><a >经纪人登录</a></li>
                <li class="layui-nav-item"><a href="javascript:void(0)" onclick="release()">发布房源</a></li>
              </ul>
        </div>
        <div class="log-register">
            <span><a href="">登录</a></span>
            <span>|</span>
            <span><a href="">注册</a></span>
        </div>
        <div id="username-pic" style="float: right;display: none;margin-right: 150px;">
            <img src="../../ych/image/picwish.png" alt="" width="60px" height="60px" style="border-radius: 50px;float: left;">
            <div id = "top-username"   >
                <a href="#"  style="color: rgba(255,255,255,.7);" id="husername"   value=""></a>
            </div>
           
            <div id="top-exit"><a href="javascript:void(0)" style="color: rgba(255,255,255,.7);" onclick="top_exit()"><span>退出</span></a></div>
        </div>
    </div>
    <div class="user-main">
        <div class="main-left fl">                 
            <ul  id="new">
                <li><a href="../personal.html">关注的房源</a></li>
               
                <li><a href="mybroker.html">我的经纪人</a></li>
                <li><a href="history.html">看房记录</a></li>
                <li><a href="myselfentrust.html">我的委托</a></li>
                <li><a href="updatemyselfinfo.html">编辑资料</a></li>
               
                <li><a href="myself.html">个人信息</a></li>
            </ul> 
        </div>
        <div class="main-right fr  hh" id="allList">       
            <div  id="brokerinfo"  >              
                

            

            </div>           
        </div>
    </div>
    <div class="log_buttom">
        <div class="log-logo">
        </div>
        <div  class="log-buttom-icon">
            <div class="glyphicon glyphicon-film" style=" color: white;width:50px;height: 50px;font-size: 50px;margin-top: 40px;margin-left: 70px;"></div>
            <div style="margin-left: 65px;color: white;font-size: 15px;font-weight: bold;margin-top: 10px;">极速找房</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-service" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">在线客户</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-date" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">在线预约</div>
        </div>
        <div class="log-buttom-icon" >
            <i class="layui-icon layui-icon-find-fill" style="font-size: 56px;color:white;margin-left:150px;display: block;margin-top: 30px;"></i>
            <div style="margin-left: 150px;color: white;font-size: 15px;font-weight: bold;margin-top: -5px;">地图找房</div>
        </div>
        
    </div>
    <div class="buttom_nav">
        <div class="buttom_nav_center">
            <div class="recommend-area-rent">
                <div class="title">
                    推荐区域租房
                </div>
                <div class="recommend-content">
                    <span class="">
                        <a href="">吴中</a>
                        <a href="">吴江</a>
                        <a href="">园区</a>
                        <a href="">太仓</a>
                        <a href="">姑苏区</a>
                        <a href="">常说</a>
                        <a href="">平江</a>
                        <a href="">张家港</a>
                        <a href="">高新区</a>
                        <a href="">沧浪</a>
                        <a href="">相城</a>
                        <a href="">昆山</a>
                        <a href="">金阊</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 80px;height: 15px;"></div>
            <div class="recommend-subway-rent">
                <div class="title">
                    推荐地铁租房
                </div>
                <div class="recommend-content">
                    <span class="">
                        <a href="">1号线</a>
                        <a href="">2号线</a>
                        <a href="">3号线</a>
                        <a href="">4号线支线</a>
                        <a href="">4号线</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 40px;height: 15px;"></div>
            <div class="Recommend-type-rent">
                <div class="title">
                    推荐类型租房
                </div>
                <div class="recommend-content">
                    <span>
                        <a href="">苏州合租</a>
                        <a href="">苏州整租</a>
                        <a href="">苏州公寓</a>
                        </span>
                </div>
            </div>
            <div  style="border-top: 1px solid #8b8d92;margin-top: 40px;height: 15px;"></div>
            <div id="about-suleju">
                <div class="title" style="float: left;width: 200px;height: 300px;">
                    <div style="width: 200px;">
                        关于苏乐居
                    </div>
                    <div class="recommend-content" style="width:100px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >伙伴登录</a>
                            <a href="" style="margin-top: 10px;display: block;">网站地图</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        苏乐居合作公寓
                    </div>
                    <div class="recommend-content" style="width:140px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >青年汇</a>
                            <a href="" style="margin-top: 10px;display: block;">银桥公寓</a>
                            <a href="" style="margin-top: 10px;display: block;">爱家精品公寓</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        意见回馈
                    </div>
                    <div class="recommend-content" style="width:100px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >mail:2308844@qq.com</a>
                            </span>
                    </div>
                </div>
                <div class="title" style="float: left;width: 200px;">
                    <div style="width: 200px;">
                        联系苏乐居
                    </div>
                    <div class="recommend-content" style="width:300px;margin-top: 0px;font-weight: normal;">
                        <span>
                            <a href="" >10106006</a>
                            <br>
                            <br>
                            <a href="">周一～周日 8:00～23:00</a>
                            </span>
                    </div>
                </div><br>
                <div id="max-buttom-info">
                    <div id="suleju-web-info">
                        <div style="width:300px;margin-left:-110px">
                            ©2015 上海万间信息技术有限公司
                        </div>  
                        <a href="" style="margin-right: 25px;">
                            隐私协议 
                        </a>
                        <a href="">服务协议</a>
                        <div style="width:300px;margin-left:30px;margin-right: 30px;">上海市浦东新区晨晖路88号 金蝶软件园</div>
                        <a href=""> 沪ICP备15004537号-2    </a>
                    </div>
                    <div id="suleju-web-info">
                        <div style="width: 25px;height: 23px;
                            margin-left: -130px;background-image: url(image/gongan.png);background-size: 100%;">

                        </div>
                        <a style="width:260px;margin-left:-100px">
                            沪公网安备31011502006937号  
                        </a>  
                        <div style="width:300px;margin-left:0px;">增值电信业务许可证：沪B2-20170251</div>
                        
                    </div>
                    
                </div>
                
            </div>
        </div>
        
    </div>
    
   
    <script>    
        $(function(){
            let token = localStorage.getItem("token");
            if(token != null){
                $.ajax({
                    type:"get",
                    url:"/gewu/userLog/isLog",
                    headers:{"token":token},
                    success:function(res){   
                        if(res.code==200){
                            let username_pic = document.getElementById("username-pic");
                            let husername = document.getElementById("husername");
                            husername.innerText = res.content.username;                           

                            username_pic.style.display="block"; 
                           
                           
                        
                        }                        
                    }                    
                }),
                $.ajax({
                    tyep:"get",
                    url:"/gewu/BrokerrInfo/BrokerrInfoByUserId",
                    headers:{"token":token},
                   
                    data:{
              
                    },                          
                    success:function(res){   
                        if(res.code==200){
                            var strr="../../All-Image/user/"
                            var len =res.content.length;
                            var brokerinfo=document.getElementById("brokerinfo");
                            if(len>0){
                                for(var i=0;i<len;i++){
                                    var para = document.createElement("div");
                                    var   lenn=res.content[i].brokerPic;
                                    var c=strr+lenn;
                                    let oneinfo=
                                    `
                <a class="content__list--item--aside" target="_blank"  >
                <img alt="经纪人头像" src="${c}" class=" lazyloaded">
                                    
                </a>
                <div class="content__list--item--main">
                <p class="content__list--item--title twoline">
                    <a target="_blank" >
                    ${res.content[i].brokerName}
                    ·
                    ${res.content[i].serviceArea}
                    </a>
                </p>
                <p class="content__list--item--des">
                    <span>${res.content[i].sex}</span>-<span>${res.content[i].brokerPhone} </span>
                    <i></i>
                    
                
                </p>   
                <p class="content__list--item--bottom oneline">
                    
                  
                    <i class="content__item__tag--authorization_apartment">评分${res.content[i].brokerScore} </i>
                
                   
            </p>            
             
                </div>
                </div>`

                                    para.innerHTML=oneinfo;
                                    brokerinfo.appendChild(para);
                                }
                                
                                    

                            }
                           
                        
                            console.log(res.content);
                            
                        }
                    },
                    error:function(res){
                        console.log(res);

                    }


                })
            } 


            
            else{
                    let log_register = document.getElementById("log-register");
                    log_register.style.display="block"; 
            }
           
        })   
               
    </script>

    <script>
        function top_exit(){
            localStorage.clear();
            window.location = "../../ych/frontpage.html";                       
        }
    </script>
  


   

     
    

</body>
</html>